<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <title>Rafael & Érika</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.4.1.js"></script>
    <script>
		$(document).ready(function(){				   	
			$('.slider')._TMS({
				show:0,
				pauseOnHover:true,
				prevBu:'.prev',
				nextBu:'.next',
				playBu:false,
				duration:800,
				preset:'fade',
				pagination:'.pags',
				pagNums:false,
				slideshow:7000,
				numStatus:false,
				banners:false,
				waitBannerAnimation:false,
				progressBar:false
			})		
		});
	</script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>

   <header>                   	
      <h1><a href="index.php"><img src="images/logo.png" alt=""></br><?php

	// Define os valores a serem usados
	$data_inicial = date("d/m/Y");
	$data_final = '22/09/2013';
	 
	// Cria uma função que retorna o timestamp de uma data no formato DD/MM/AAAA
	function geraTimestamp($data) {
	$partes = explode('/', $data);
	return mktime(0, 0, 0, $partes[1], $partes[0], $partes[2]);
	}
	
	// Usa a função criada e pega o timestamp das duas datas:
	$time_inicial = geraTimestamp($data_inicial);
	$time_final = geraTimestamp($data_final);
	
	// Calcula a diferença de segundos entre as duas datas:
	$diferenca = $time_final - $time_inicial; // 19522800 segundos
	
	// Calcula a diferença de dias
	$dias = (int)floor( $diferenca / (60 * 60 * 24)); // 225 dias
	
	// Exibe uma mensagem de resultado:
	echo "Casaremos em 22/09/2013. Faltam <strong>".$dias."</strong> dias";
	
	// A diferença entre as datas 23/03/2009 e 04/11/2009 é de 225 dias
	?></a></h1>
      
      <nav>  
        <ul class="menu">
              <li class="current"><a href="index.php">Início</a></li>
              <li><a href="presentes.php">Lista de </br>Presentes</a></li>
			  <li><a href="confirmaPresenca.php">Confirmar </br>Presença</a></li>
              <li><a href="galeria.php">Galeria</a></li>
              <li><a href="recados.php">Familiares</br> e padrinhos</a></li>
              <li><a href="contato.php">Local</a></li>              
          </ul>
      </nav>
    </header>     
    
    
    
    <div id="slide">
       <div class="slider">
          <ul class="items">
              <li><img src="images/slide-1.jpg" alt="" /></li>
              <li><img src="images/slide-2.jpg" alt="" /></li>
              <li><img src="images/slide-3.jpg" alt="" /></li>
              <li><img src="images/slide-4.jpg" alt="" /></li>
          </ul>
       </div>
       <ul class="pags">
            <li><a href="#"><img src="images/slide-1-small.jpg" alt=""><span></span></a></li>
            <li><a href="#"><img src="images/slide-2-small.jpg" alt=""><span></span></a></li>
            <li><a href="#"><img src="images/slide-3-small.jpg" alt=""><span></span></a></li>
            <li><a href="#"><img src="images/slide-4-small.jpg" alt=""><span></span></a></li>
       </ul>
       <a href="#" class="prev">&nbsp;</a><a href="#" class="next">&nbsp;</a>
    </div>
  <!--==============================content================================-->
    <section id="content">
    	<div class="container_24">
        	<div class="grid_7">
            	<div class="top-1 right-1">
                    <h2 class="h2-border">Love <span>story:</span></h2>
                    <p class="p1 top-2">Nos conhecemos no dia 02/01/2007. Primeiro beijo em 25/05/2007. Começamos o namoro em 28/05/2007. Selamos o compromisso com as alianças em 02/01/2009. Noivamos em 25/05/2012. E casaremos em 22/09/2013.</p>
                    <p class="p-border">“Encontramos a fórmula do amor... e desejamos contaminar o mundo com a nossa descoberta de compreensão, carinho, respeito e amizade !”</p>
                    <p class="p-border clr-1 top-3">Nada é impossível para quem acredita na força do Amor. </p>
                    
				</div>
    		</div>
            <div class="grid_1">
            	<div class="line-2">&nbsp;</div>
            </div>
            <div class="grid_8">
            	<div class="top-1 right-1">
                	<h3><strong>Sobre</strong> Érika</h3>
                    <div class="box-1">
                    	<img src="images/page1-img1.jpg" alt="" class="img-border img-indent">
                        <div class="extra-wrap">
                        	<p class="text-1">Érika Fernanda</p>
                            <p class="text-2">23 anos<br>Administradora de Empresas</p>
                        </div>
                    </div>
                    <p class="text-3 top-4">Nossos dias serão cheios de alegria, porque de agora em diante, unidos estaremos para compartilhar uma vida inteira. </p>
                    <p class="p-border">Quando nos conhecemos, houve um lugar, um tempo e um sentimento: O lugar sempre nos marcará, do tempo o coração se lembrará e o sentimento jamais acabará!</p>
                    
                </div>
            </div>  
            <div class="grid_1">
            	<div class="line-2">&nbsp;</div>
            </div>  
            <div class="grid_7">
            	<div class="top-1">
                	<h3><strong>Sobre</strong> Rafael</h3>
                    <div class="box-1">
                    	<img src="images/page1-img2.jpg" alt="" class="img-border img-indent">
                        <div class="extra-wrap">
                        	<p class="text-1">Rafael Rodrigues</p>
                            <p class="text-2">24 anos<br>Analista de Sistemas</p>
                        </div>
                    </div>
                    <div class="comments">
                    	<div class="comments-corner"></div>
                        <div class="comment-1">
                            <div class="comment-2">
                                <p class="text-4">Costumo dizer que sou um jovem sonhador. Deus sempre tem me dado muito mais que pudesse imaginar. Concluir a faculdade, conseguir um emprego em que pudesse fazer o que gostava, ter saúde, estar na casa de Deus... São alguns exemplos do que Ele tem me proporcionado. E agora a mais nova experiência da minha vida: construir uma família.</p>
                                <p class="text-5 top-5">O milagre do amor é que ele nos é dado para que possamos dividi-lo com outros. </p>
                            </div>
						</div>
                    </div>
                    
                </div>
            </div>  
            <div class="clear"></div>
        </div>
    </section> 
<!--==============================footer=================================-->
  	<?php
		include("rodape.php");
	?> 
</body>
</html>